<script setup>
const props = defineProps({
  current: {
    type: Number,
    default: 1
  },
  size: {
    type: Number,
    default: 10
  },
  total: {
    type: Number,
    default: 0
  },
  pageSizes: {
    type: Array,
    default: () => {
      return [1, 10, 20]
    }
  },
  layout: {
    type: String,
    default: '冬冬很慌'
  }
})
</script>

<template>
  <h4>{{ current }}</h4>
  <h4>{{ props.current }}</h4>

  <h4>{{ size }}</h4>
  <h4>{{ props.size }}</h4>

  <h4>{{ total }}</h4>
  <h4>{{ props.total }}</h4>

  <h4>{{ pageSizes }}</h4>
  <h4>{{ props.pageSizes }}</h4>

  <h4>{{ layout }}</h4>
  <h4>{{ props.layout }}</h4>
</template>

<style scoped>

</style>